﻿.Gantt
{
    
    overflow: auto;
    position: relative;
}
.Colorfilter
{
    cursor: pointer;
    border-bottom: 1px dashed transparent;
}
.Colorfilter:hover
{
    border-bottom: 1px dashed #ccc;
}
.inactive
{
    color: #ccc;
}
.tooltip
{
    display: none;
    background: white;
    font-size: 12px;
    width: 160px;
    padding: 10px;
    box-shadow: 0 0 10px rgba(50,50,50,0.7);
    border: 1px solid #ddd;
    color: #000;
}

.ganttlegend
{
}
.ganttlegend li span, .ampel
{
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 3px;
    margin-right: 3px;
    border-radius: 5px;
}
.ganttlegend li
{
    margin: 0px 10px;
    display: inline-block;
}
.ganttlegend ul{padding-left: 0px; }


.ganttOverlay.dark
{
    color: #c8c8c8;
    color: rgba(200,200,200,0.8);
    text-shadow: 1px 1px 0px #666;
}

.ganttOverlay.light
{
    color: #000;
    color: rgba(0,0,0,0.8);
}
.ganttData
{
    height: 12px;
    font-size: 8px;
    color: white;
    padding: 0 5px;
}

.ganttWE
{
    background:#eee;    
}

.ganttOverlay
{
    position: absolute;
    float: left;
    margin-left: 15px;
    
    font-size:10px;
}


.HDIChartsFilter div
{
    width: 120px;
    float: left;
}
.tableselection
{
    background: #f4f4f4;
}

.pickerinactive
{
    display: none !important;
}
.WPname
{
    border-right: 2px dashed #ddd;
    padding: 3px 0; 
    white-space:nowrap;
}

.Gantt tr:hover td, .Gantt .hover td{background: #eee !important; }

.searchcontent{display:none;}

.groupGantt{font-weight: bold; cursor:pointer; white-space:nowrap;}
.ganttWeeks{white-space:nowrap;}
tr.groupGantt.opened span:before{content: "[-] ";}
tr.groupGantt.closed span:before{content: "[+] ";}

li.groupGantt.closed{filter:Alpha(opacity:50);opacity: .5; color: #999;}

.ganttWE{background: #eee;}
.Gantt tr:hover .ganttWE, .Gantt .hover .ganttWE{background: #ddd !important;}

.hide, .hideDate{display:none !important;}

.Gantt .ganttlegend{float:left;max-width:400px;}
.Gantt .searchContainer{width: 200px; float:right;}
.Gantt .ganttlegend ul{margin:5px;}
.Gantt .dateContainer{float:left; margin-left:30px;}
.ganttToday {border-left: 1px solid #FAF0E6; }